<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>jd-首页</title>
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_3263454_gw56uoce4a8.css">
    <!-- 轮播插件 -->
    <link rel="stylesheet" href="./swiper-7.4.1/swiper/swiper-bundle.min.css">
    <link rel="stylesheet" href="./css/navigationBar.css">
    <link rel="stylesheet" href="./css/index.css">
</head>

<body>
    <nav>
        <div class="nav_content">
            <ul class="left">
                <li>
                    <a href="" class=""><span class="iconfont icon-weizhi"></span>福建</a>
                </li>
            </ul>
            <ul class="right">
                <li class="dropdown">
                    <a href="./jd-login.html" class="login">你好，请登录</a>
                    <a href="">免费注册</a>
                </li>
                <li><a href="">我的订单</a></li>
                <li class="myjd dropdown"><a href="">我的京东<span class="iconfont icon-xiajiantou"></span></a>
                    <div class="dropdown-layer">
                        <section class="myjdlist">
                            <div>待处理订单</div>
                            <div>我的问答</div>
                            <div>返修退换货</div>
                            <div>我的关注</div>
                            <div>降价商品</div>
                        </section>
                        <section class="myjdlist2">
                            <div>我的京豆</div>
                            <div>我的优惠券</div>
                            <div>我的白条</div>
                            <div>我的理财</div>
                        </section>
                    </div>
                </li>
                <li><a href="">京东会员</a></li>
                <li class="companny dropdown">
                    <a href="">企业采购<span class="iconfont icon-xiajiantou"></span></a>
                    <div class="dropdown-layer">
                        <section class="myjdlist">
                            <div>企业购</div>
                            <div>公共采购平台</div>
                            <div>工业品</div>
                            <div>商用场景观</div>
                            <div>礼品卡</div>
                            <div>企业微信购</div>
                            <div>工品优选</div>
                            <div>京东锦礼</div>
                            <div>大中型客户采购</div>
                        </section>
                    </div>
                </li>
                <li><a href="">客户服务<span class="iconfont icon-xiajiantou"></span></a></li>
                <li><a href="">网站导航<span class="iconfont icon-xiajiantou"></span></a></li>
                <li class="phone_jd">
                    <a href="">手机京东</a>
                    <!-- 二维码 -->
                    <div>
                        <div></div>
                    </div>
                </li>
                <li><a href="">网站无障碍</a></li>
            </ul>
        </div>
    </nav>
    <header>
        <div class="wrap">
            <div class="logo">
                <!-- <img src="https://misc.360buyimg.com/mtd/pc/index_2019/1.0.0/assets/sprite/header/sprite.png" alt=""> -->
            </div>
            <div class="search">
                <div class="form">
                    <input type="text" name="" id="" placeholder="超薄本">
                    <!-- 小相机 -->
                    <span class="iconfont icon-Photo"></span>
                    <button class="iconfont icon-fangdajing"></button>

                    <!-- 购物车 -->
                    <div class="shopping_cart dropdown">
                        <span class="iconfont icon-gouwuchekong">
                            <i class="goods_num">0</i>
                        </span>
                        <span>我的购物车</span>

                        <div class="dropdown-layer">
                            <section class="myjdlist">
                                <span></span>
                            </section>
                            <!-- <section class="order-goods">
                                <ul>
                                    <li>${item.discount}</li>
                                    <li>
                                        <img src="${item.img}" alt="">
                                    </li>
                                    <li>
                                        <h6>${item.name}</h6>
                                        <p>${item.details}</p>
                                    </li>
                                    <li>
                                        <span>${item.price}x${item.num}</span>
                                        <span>删除</span>
                                    </li>
                                </ul>
                            </section> -->
                        </div>
                    </div>

                    <ul class="keyword">
                        <li>品质好尿裤</li>
                        <li>周年庆</li>
                        <li>华硕路由</li>
                        <li>iphone13</li>
                        <li>京东京造</li>
                        <li>分区洗护</li>
                        <li>红米k50</li>
                        <li>YEEZY</li>
                        <li>ochirly</li>
                    </ul>

                    <div class="sort">
                        <a href="">秒杀</a>
                        <a href="">优惠券</a>
                        <a href="">PLUS会员</a>
                        <a href="">品牌闪钩</a>
                        <a href="">拍卖</a>
                        <a href="">京东家电</a>
                        <a href="">京东超市</a>
                        <a href="">京东生鲜</a>
                        <a href="">京东国际</a>
                        <a href="">京东云</a>
                    </div>
                </div>
            </div>

        </div>
    </header>
    <main>
        <div class="main-box main-content">
            <div class="select">
                <ul>
                </ul>
                <!-- 二级菜单 -->
                <section class="secondary-menu">
                    <!-- <div class="title">
                        <span></span>
                    </div>
                    <div class="option">
                        <div class="optionName"></div>
                        <ul class="optionLists">
                        </ul>
                    </div> -->
                </section>
            </div>
            <div class="big-carousel">
                <img src="" alt="">
                <!-- 轮播激活项 -->
                <div class="circle">
                    <span></span>
                    <span></span>
                    <span></span>
                    <span></span>
                    <span></span>
                    <span></span>
                    <span></span>
                    <span></span>
                </div>
                <!-- 按钮切换 -->
                <section>
                    <span class="prev">&lt;</span>
                    <span class="next">&gt;</span>
                </section>
            </div>
            <div class="small-carousel">
                <img src="" alt="">
                <img src="" alt="">
                <img src="" alt="">
                <!-- 按钮切换 -->
                <section>
                    <span class="prev">&lt;</span>
                    <span class="next">&gt;</span>
                </section>
            </div>
            <div class="more-service">
                <section class="user">
                    <div class="user-message">
                        <img src=""
                            alt="" class="">
                        <!-- 登录注册 -->
                        <div class="log-in-register">
                            <p>Hi,欢迎逛京东!</p>
                            <p>
                                <span><a href="./jd-login.html">登录</a></span>
                                <span>|</span>
                                <span><a href="">注册</a></span>
                            </p>
                        </div>
                    </div>
                    <div class="btn">
                        <button>新人福利</button>
                        <button>PLUS会员</button>
                    </div>
                </section>
                <!-- 热门 -->
                <section class="hot">
                    <p>
                        <b>京东快报</b>
                        <a href=""><span>更多</span>></a>
                    </p>
                    <ul class="hot-text">
                        <li>
                            <p><span>热门</span>
                                牛奶我选有机的，特仑苏用心诠释自然与健康</p>
                        </li>
                        <li>
                            <p><span>热议</span>
                                联想拯救者R9000P强势来袭，游戏玩家的春天要来了</p>
                        </li>
                        <li>
                            <p><span>热议</span>
                                适合学生党的笔记本，华为MateBook D14 SE</p>
                        </li>
                        <li>
                            <p><span>HOT</span>
                                组团开黑，有游戏本相伴生活更精彩</p>
                        </li>
                    </ul>
                </section>
                <section class="other">
                    <ul>
                        <li>
                            <img src="" alt="">
                            <div></div>
                        </li>
                    </ul>
                </section>
            </div>
        </div>
        <!-- 秒杀活动 -->
        <div class="spike-activity main-content">
            <!-- 右侧侧栏 -->
            <ul class="elevator_list">
                <li>
                   <span>京东秒杀</span> 
                </li>
                <li>
                    <span>特色优选</span>
                </li>
                <li>
                    <span>频道广场</span>
                </li>
                <li>
                    <span>为你推荐</span>
                </li>
                <li class="">
                    <i class="iconfont icon-kefu"></i>
                    <span>客服</span>
                </li>
                <li>
                    <i class="iconfont icon-yijianfankui"></i>
                    <span>反馈</span>
                </li>
                <li style="display: none;">
                    <i class="iconfont icon-xiangshangjiantou"></i>
                    <span>顶部</span>
                </li>
            </ul>
            <!-- 秒杀倒计时 -->
            <section class="spike">
                <h1>京东秒杀</h1>
                <!-- 时间点 -->
                <div class="countdown-desc">
                    <strong>14:00</strong>
                    点场 距结束
                </div>
                <!-- 倒计时计时 -->
                <div class="timmer">
                    <p>
                        <span class="hour">00</span>
                        <span class="minute">00</span>
                        <span class="second">00</span>
                    </p>
                </div>
            </section>
            <!-- 中间轮播 -->
            <section class="slider">
                <div class="sliderAll">
                    <!-- <ul>
                        <li>
                            <div class="slider-img">
                                <img src="https://img14.360buyimg.com/seckillcms/s140x140_jfs/t1/175849/35/24092/54150/61d7d629Ead9b579a/24916f3dd377cd08.jpg.webp" alt="">
                            </div>
                        </li>
                    </ul> -->
                </div>
                <!-- 按钮切换 -->
                <section>
                    <span class="prev">&lt;</span>
                    <span class="next">&gt;</span>
                </section>
            </section>
            <!-- 右侧轮播    -->
            <section class="seckill-brand">
                <div class="swiper mySwiper">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <img src="https://img30.360buyimg.com/seckillcms/s260x260_jfs/t1/185548/26/21809/209421/62407472E475a776e/aafc337041133a24.jpg.webp"
                                alt="">
                            <p>小米秒杀专场</p>
                            <p>品质好物，点击抢购</p>
                            <div class="spikeBtn">
                                品牌秒杀
                                <span>&gt;</span>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <img src="https://img10.360buyimg.com/seckillcms/s260x260_jfs/t1/136022/22/25445/85814/623acddeEc4f4f024/8c3dc3dc14f180f5.jpg.webp"
                                alt="">
                            <p>进口母婴全球购</p>
                            <p>爆款满499享88折</p>
                            <div class="spikeBtn">
                                品牌秒杀
                                <span>&gt;</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="swiper-pagination"></div>
            </section>
        </div>
        <!-- 每日特价 -->
        <div class="daily-specials main-content">
            <div class="daily-specials-left">
                <div class="daily-title">
                    <div class="daily-title-left">
                        <h3>每日特价</h3>
                        <i></i>
                    </div>
                    <div class="daily-title-right">
                        <span class="daily-title-right-Aciive">精选</span>
                        <span>美食</span>
                        <span>百货</span>
                        <span>个护</span>
                        <span>预告</span>
                    </div>
                </div>
                <div class="daily-show">
                    <div class="daily-show-left">
                    </div>
                    <ul class="daily-show-right">
                    </ul>
                </div>
            </div>
            <div class="daily-specials-right">
                <div class="daily-title">
                    <div class="daily-title-left">
                        <h3>品牌闪购</h3>
                        <i></i>
                    </div>
                </div>
                <section class="brand-show">
                    <section class="brand-show-left">
                        <div class="core-logo">
                            <img src="https://img10.360buyimg.com/seckillcms/s140x70_jfs/t1/166386/19/28795/16143/623d688eE74e5fcb1/dccc1410cf51ee39.png!cc_70x35.webp"
                                alt="">
                        </div>
                        <h6>家居大牌闪购专场</h6>
                        <div class="core-desc">
                            <span class="core-desc__promo">家居好物低至五折！</span>
                            <span class="core-desc__extra"><span class="extra-text">仅剩</span></span>
                            <sapn class="extra-day"><span>3</span>天</span>
                        </div>
                        <img src="https://img13.360buyimg.com/seckillcms/s780x780_jfs/t1/182086/32/22206/303525/62411b5dE1e34aad3/106856f889c8406f.jpg!cc_130x130.webp"
                            alt="" class="brand-show-big">
                    </section>
                    <section class="brand-show-right">
                        <ul>
                            <li>
                                <div class="brand-show-logo">
                                    <img src="https://img20.360buyimg.com/seckillcms/s600x300_jfs/t1/128888/1/26832/8703/623b15d6E84b1bb64/8e64f6689e264b9b.png!cc_300x150.webp"
                                        alt="">
                                </div>
                                <h6>绿联电脑周边专场</h6>
                            </li>
                            <li>
                                <div class="brand-show-logo">
                                    <img src="https://img13.360buyimg.com/seckillcms/s600x300_jfs/t1/84949/35/22544/6054/6239a517E1455d50d/c6317d7742b5e906.png!cc_300x150.webp"
                                        alt="">
                                </div>
                                <h6>DISSONA品牌清仓</h6>
                            </li>
                            <li>
                                <div class="brand-show-logo">
                                    <img src="https://img20.360buyimg.com/seckillcms/s600x300_jfs/t1/111199/14/22977/36205/62381b43E8ea3e028/d33173069b60f9ed.png!cc_300x150.webp"
                                        alt="">
                                </div>
                                <h6>漫步春天里</h6>
                            </li>
                            <li>
                                <div class="brand-show-logo">
                                    <img src="https://img30.360buyimg.com/seckillcms/s600x300_jfs/t1/137015/32/25338/5192/6237f86cE4f9540a8/d5dacc198c5b75b1.png!cc_300x150.webp"
                                        alt="">
                                </div>
                                <h6>家装节秒杀日</h6>
                            </li>
                            <li>
                                <div class="brand-show-logo">
                                    <img src="https://img12.360buyimg.com/seckillcms/s600x300_jfs/t1/137311/4/22666/11367/623d690aEaf972419/0105f4226e4facaa.png!cc_300x150.webp"
                                        alt="">
                                </div>
                                <h6>中国黄金特惠专场</h6>
                            </li>
                            <li>
                                <div class="brand-show-logo">
                                    <img src="https://img13.360buyimg.com/seckillcms/s600x300_jfs/t1/219029/39/15783/9531/623c12aeE3115c01c/afd9cee9f650234f.png!cc_300x150.webp"
                                        alt="">
                                </div>
                                <h6>朱炳仁铜艺家装场</h6>
                            </li>
                        </ul>
                    </section>
                </section>
            </div>
        </div>
        <!-- 发现好货 -->
        <div class="nice-goods main-content">
            <div class="nice-goods-logo">
                <div class="logo-container">
                    <div class="logo-text">
                        探索新生活
                        <i></i>
                    </div>
                </div>
            </div>
            <!-- 轮播 -->
            <div class="nice-goods-slider">
                <div class="goods-slider-box">
                </div>
                <input type="range" name="" id="" value="0">
            </div>
        </div>
        <!-- 特色优选 -->
        <div class="featured main-content">
            <ul>
                <li class="featured-item new-goods">
                    <div class="daily-title">
                        <div class="daily-title-left">
                            <h3>新品首发</h3>
                            <i></i>
                        </div>
                    </div>
                    <!-- 按钮切换 -->
                    <section class="toggle">
                        <span class="prev">&lt;</span>
                        <span class="next">&gt;</span>
                    </section>
                    <div class="new-goods-carousel">
                        <ul>
                            <li class="pic"><img
                                    src="https://img10.360buyimg.com/babel/s240x240_jfs/t1/198805/19/22276/111308/6242bdecE18501fe2/3df6abdbae9340b0.jpg!cc_120x120.webp"
                                    alt="">
                                <div class="goods-carousel-txt">
                                    <p class="goods-carousel-name">海信 (Hisense) 203升 一级能效家用冰柜 冷藏冷冻转换冷柜
                                        节能省电单门冰箱金色BD/BC-203NUD</p>
                                    <p class="goods-carousel-more">来这里发现更多新品</p>
                                    <span>
                                        <i>￥</i>
                                        1029.00起</span>
                                </div>

                            </li>
                            <li class="pic">
                                <div class="goods-carousel-txt">
                                    <p class="goods-carousel-name">【商场同款】NAUTICA诺帝卡黑帆限量款夏季新款女士长款轻薄风衣薄外套女 01JC99 橡皮粉 6PV
                                        S</p>
                                    <p class="goods-carousel-more">来这里发现更多新品</p>
                                    <span>
                                        <i>￥</i>
                                        1990.00起</span>
                                </div>

                                <img src="https://img20.360buyimg.com/babel/s240x240_jfs/t1/114623/40/24500/168746/623d910eE63c1c087/4edff7862773f0c2.jpg!cc_120x120.webp"
                                    alt="">
                            </li>
                            <li class="pic">
                                <div class="goods-carousel-txt">
                                    <p class="goods-carousel-name">森海塞尔（Sennheiser）MOMENTUM 真无线二代蓝牙主动降噪运动耳机 入耳式音乐耳机 黑色
                                    </p>
                                    <p class="goods-carousel-more">来这里发现更多新品</p>
                                    <span>
                                        <i>￥</i>
                                        1799.00起</span>
                                </div>

                                <img src="https://img12.360buyimg.com/babel/s240x240_jfs/t1/103050/33/16052/144025/5e782b01Ea47104b2/400cccecfc3f3dc0.jpg!cc_120x120.webp"
                                    alt="">
                            </li>
                            <li class="pic">
                                <div class="goods-carousel-txt">
                                    <p class="goods-carousel-name">博朗小猎豹5系(Braun)电动剃须刀刮胡刀往复式礼盒生日礼物男士礼物送爸爸送男友送老公1000s（白色）
                                    </p>
                                    <p class="goods-carousel-more">来这里发现更多新品</p>
                                    <span>
                                        <i>￥</i>
                                        499.00起</span>
                                </div>
                                <img src="https://img11.360buyimg.com/babel/s240x240_jfs/t1/164670/1/21725/366697/624164d7Ed0fd316b/3f222daa2b96b858.jpg!cc_120x120.webp"
                                    alt="">
                            </li>
                            <li class="pic"><img
                                    src="https://img10.360buyimg.com/babel/s240x240_jfs/t1/198805/19/22276/111308/6242bdecE18501fe2/3df6abdbae9340b0.jpg!cc_120x120.webp"
                                    alt="">
                                <div class="goods-carousel-txt">
                                    <p class="goods-carousel-name">海信 (Hisense) 203升 一级能效家用冰柜 冷藏冷冻转换冷柜
                                        节能省电单门冰箱金色BD/BC-203NUD</p>
                                    <p class="goods-carousel-more">来这里发现更多新品</p>
                                    <span>
                                        <i>￥</i>
                                        1029.00起</span>
                                </div>
                            </li>
                            <li class="pic">
                                <div class="goods-carousel-txt">
                                    <p class="goods-carousel-name">【商场同款】NAUTICA诺帝卡黑帆限量款夏季新款女士长款轻薄风衣薄外套女 01JC99 橡皮粉 6PV
                                        S</p>
                                    <p class="goods-carousel-more">来这里发现更多新品</p>
                                    <span>
                                        <i>￥</i>
                                        1990.00起</span>
                                </div>

                                <img src="https://img20.360buyimg.com/babel/s240x240_jfs/t1/114623/40/24500/168746/623d910eE63c1c087/4edff7862773f0c2.jpg!cc_120x120.webp"
                                    alt="">
                            </li>
                            <li class="pic">
                                <div class="goods-carousel-txt">
                                    <p class="goods-carousel-name">森海塞尔（Sennheiser）MOMENTUM 真无线二代蓝牙主动降噪运动耳机 入耳式音乐耳机 黑色
                                    </p>
                                    <p class="goods-carousel-more">来这里发现更多新品</p>
                                    <span>
                                        <i>￥</i>
                                        1799.00起</span>
                                </div>

                                <img src="https://img12.360buyimg.com/babel/s240x240_jfs/t1/103050/33/16052/144025/5e782b01Ea47104b2/400cccecfc3f3dc0.jpg!cc_120x120.webp"
                                    alt="">
                            </li>
                            <li class="pic">
                                <div class="goods-carousel-txt">
                                    <p class="goods-carousel-name">博朗小猎豹5系(Braun)电动剃须刀刮胡刀往复式礼盒生日礼物男士礼物送爸爸送男友送老公1000s（白色）
                                    </p>
                                    <p class="goods-carousel-more">来这里发现更多新品</p>
                                    <span>
                                        <i>￥</i>
                                        499.00起</span>
                                </div>
                                <img src="https://img11.360buyimg.com/babel/s240x240_jfs/t1/164670/1/21725/366697/624164d7Ed0fd316b/3f222daa2b96b858.jpg!cc_120x120.webp"
                                    alt="">
                            </li>
                        </ul>
                    </div>
                </li>
                <li class="featured-item">
                    <div class="daily-title">
                        <div class="daily-title-left">
                            <h3>JOY寻宝</h3>
                            <i></i>
                        </div>
                    </div>
                    <div class="joy-title">
                        <span class="joy-title-Active">换个新机</span>
                    </div>
                    <div class="joy-content">
                    </div>
                </li>
                <li class="featured-item good-shop">
                    <div class="daily-title">
                        <div class="daily-title-left">
                            <h3>逛好店</h3>
                            <i></i>
                        </div>
                    </div>
                    <article class="good-shop-content">
                        <div>
                            <section class="good-shop-left">
                                <p class="good-shop-title">中图北斗地图</p>
                                <span>自营</span><span>博览群书</span>
                                <p>3.1万关注</p>
                            </section>
                            <section class="good-shop-right">
                                <img src="https://img12.360buyimg.com/mobilecms/s200x200_jfs/t1/161445/34/4718/279537/60126d30Ef7a5f58f/f426bc1ea3089e1a.jpg.webp"
                                    alt="">
                            </section>
                        </div>
                        <div>
                            <section class="good-shop-left">
                                <p class="good-shop-title">科颜氏Kiehl's京东自营官方旗舰店</p>
                                <span>自营</span><span>美颜出镜</span>
                                <p>511.6万关注</p>
                            </section>
                            <section class="good-shop-right">
                                <img src="https://img12.360buyimg.com/mobilecms/s200x200_jfs/t1/113322/1/23660/156836/624184b7E862e9ded/0019f374dc397be2.jpg.webp"
                                    alt="">
                            </section>
                        </div>
                    </article>
                </li>
                <li class="featured-item coupon">
                    <div class="daily-title">
                        <div class="daily-title-left">
                            <h3>领券中心</h3>
                            <i></i>
                        </div>
                    </div>
                    <div class="coupon-content">
                        <section>
                            <div class="coupon-pic">
                                <img src="https://img20.360buyimg.com/common/s100x100_jfs/t1/138759/20/27087/194456/61efc3adE1c9096e7/9706b77b05fd56c9.jpg.dpg!cc_50x50.webp"
                                    alt="">
                            </div>
                            <div>
                                <p class="discount">9<span>折</span></p>
                                <span>满169元可用</span>
                                <p class="limit">仅可购买食品饮料部分商品</p>
                            </div>
                            <div class="more-coupon">
                                <em>更多好券</em>
                                <i>></i>
                            </div>
                        </section>
                        <section>
                            <div class="coupon-pic">
                                <img src="https://img30.360buyimg.com/common/s100x100_jfs/t1/93638/29/19304/225007/61415c1cEdbf8cfef/0cca3ac7cf1228b4.jpg!cc_50x50.webp"
                                    alt="">
                            </div>
                            <div>
                                <p class="discount"><span>￥</span>60</p>
                                <span>满61元可用</span>
                                <p class="limit">仅可购买内衣品类/品牌部分商品</p>
                            </div>
                            <div class="more-coupon">
                                <em>更多好券</em>
                                <i>></i>
                            </div>
                        </section>
                        <section>
                            <div class="coupon-pic">
                                <img src="https://img11.360buyimg.com/common/s100x100_jfs/t1/206858/34/17100/130121/6204c022E6c57096d/71c1561d3d5eb586.jpg!cc_50x50.webp"
                                    alt="">
                            </div>
                            <div>
                                <p class="discount"><span>￥</span>6</p>
                                <span>满7元可用</span>
                                <p class="limit">仅可购买京东京造部分商品</p>
                            </div>
                            <div class="more-coupon">
                                <em>更多好券</em>
                                <i>></i>
                            </div>
                        </section>
                    </div>
                </li>
            </ul>
        </div>
        <!-- 频道广场 -->
        <div class="channel main-content">
            <div class="channelsA">
                <!-- 频道广场标题 -->
                <section class="floorhd">
                    <h3>频道广场</h3>
                </section>
                <!-- 板块 -->
                <section class="channels_block">
                    <div class="channels_block_item">
                        <img src="https://img11.360buyimg.com/babel/s580x740_jfs/t1/168303/35/8655/261408/603db12dE885ad355/b7b88defb9b6d0e5.jpg!q95!cc_290x370.webp"
                            alt="" class="channels_block_pic">
                    </div>
                    <div class="channels_block_item">
                        <img src="https://img20.360buyimg.com/babel/s580x740_jfs/t1/169223/11/9002/236742/603f38feEa4a8d83e/4ace79eafcac855c.jpg!cc_290x370.webp"
                            alt="" class="channels_block_pic">
                    </div>
                    <div class="channels_block_item">
                        <section class="channels_item-1">
                            <a href="">
                                <span>京东京造</span>
                                <span>京东自有品牌</span>
                            </a>
                            <img src="https://img30.360buyimg.com/img/s200x200_jfs/t1/79980/12/12928/48238/5da56d97E2a9e3189/2a9e45fbfa62c0db.jpg!cc_100x100.webp"
                                alt="">
                            <img src="https://img10.360buyimg.com/img/s200x200_jfs/t1/31512/9/10204/83819/5cadeabbE5553e2c1/510bb141ce58cb45.jpg!cc_100x100.webp"
                                alt="">
                        </section>
                        <section class="channels_item-1">
                        </section>
                    </div>
                    <div class="channels_block_item">
                        <section class="channels_item-1">
                        </section>
                        <section class="channels_item-1">
                        </section>
                    </div>
                </section>
            </div>
            <div class="channelsB">
                <section class="channels_block">
                    <div class="channels_block_item">
                        <section class="channels_item-1">
                        </section>
                    </div>
                    <div class="channels_block_item">
                        <section class="channels_item-1">
                        </section>
                    </div>
                    <div class="channels_block_item">
                        <section class="channels_item-1">
                        </section>
                    </div>
                    <div class="channels_block_item">
                        <section class="channels_item-1">
                        </section>
                    </div>
                </section>
            </div>
            <div class="channelsC">
                <section class="channels_block">
                    <div class="channels_block_item">
                        <section class="channels_item-1">
                        </section>
                    </div>
                    <div class="channels_block_item">
                        <section class="channels_item-1">
                        </section>
                    </div>
                    <div class="channels_block_item">
                        <section class="channels_item-1">
                        </section>
                    </div>
                    <div class="channels_block_item">
                        <section class="channels_item-1">
                        </section>
                    </div>
                </section>
            </div>
            <div class="channelsD">
                <section class="channels_block">
                    <div class="channels_block_item">
                        <section class="channels_item-1">
                        </section>
                    </div>
                    <div class="channels_block_item">
                        <section class="channels_item-1">
                        </section>
                    </div>
                    <div class="channels_block_item">
                        <section class="channels_item-1">
                        </section>
                    </div>
                    <div class="channels_block_item">
                        <section class="channels_item-1">
                        </section>
                    </div>
                </section>
            </div>
        </div>
        <!-- 为你推荐 -->
        <div class="recommend main-content">
            <div class="floorhd">
                <h3>为你推荐</h3>
            </div>
            <div class="recommend-title">
                <ul>
                    <!-- <li class="recommend-Active">
                        <button class="recommend-btn">精选</button>
                        <p>猜你喜欢</p>
                    </li> -->
                </ul>
            </div>
            <div class="recommend-goods">
                <ul>
                    <!-- <li>
                        <div class="recommend-goods-pic">
                            <img src="https://img14.360buyimg.com/jdcms/s300x300_jfs/t1/199118/40/21734/104213/62432904E7bffcf64/7cf757c3307681d3.jpg.webp" alt="">
                        </div>
                        <p class="more2_info_name">
                            <i class="more2_info_self">自营</i>
                            Samsonite/新秀丽双肩包男 商务时尚简约电脑包轻盈超大容量男士背包BP0 BP0010黑色</p>
                        <span class="mod_price"><i>¥</i>699.00</span>
                        <span class="more2_discount">券</span>
                    </li> -->
                </ul>
            </div>
        </div>
    </main>
    <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
    <script src="./js/data.js"></script>
    <script src="./js/public.js"></script>
    <script src="./js/index.js"></script>
    <script src="./swiper-7.4.1/swiper/swiper-bundle.min.js"></script>
    <script src="./js/slider.js"></script>
    <script>
       
    </script>
</body>

</html>